<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>task1.6</title>
	<link rel="stylesheet" href="../resource/css/style1.6.css">
</head>
<body>
<div id="box">
	<div class="head">
		<div class="top"><span>ife.baidu.com</span></div>
	</div>
	<div class="main">
		<div class="content1">
			<div class="content1_l">
				<img src="../resource/img/banner.png" alt="">
				<div class="wrap_l"></div>
				<div class="wrap_r"></div>
			</div>
			<div class="content1_r">
				<u><span>A</span>BOUT</u><br>
				<u><span>T</span>ECHNOLOGE</u>
				<p style="font-size:12px;font-family:'楷体';color:676767;line-height:20px;">About technologe about technologe about technologe</p>
				<p class="italic">700</p>
				<div class='bottom_txt'>
					<div class="bottom_txt_l">3.2</div>
					<div class="bottom_txt_r">
						<p style="font-size:21px;color:#cc8091;">css</p>
						<p style="font-size:12px;color:#938e8c;">csscsscsssscsscsss</p>
					</div>
				</div>
			</div>
		</div>
		<div class="content2">
			<div class="content2_txt txt1">
				<p class="green">What</p>
			前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端</div>
			<div class="content2_txt txt2">
				<p class="yellow">When</p>
			前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端</div>
			<div class="content2_txt txt3">
				<p class="red">How</p>
			前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前<br><br><br>
				<span>What------------<span class="italic">40%</span></span>
				<span>What------------<span class="italic">30%</span>
				<span>What------------<span class="italic">30%</span><u></u>
				</div>
		</div>
		<div class="content3">
			<div class="content3_l">
				<div class="conten3_1__top">
					<p><span class="italic">THE</span>TECHNOLOGE</p>
					<p style="font-size:42px;">OF FRONT</p>
					<p style="font-size:33px;">前端技术领域</p>
				</div>
				<div class="conten3_1__bottom">
					<p class="first-letter">前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端</p>
					<img src="../resource/img/task_1_6_1_11.jpg" alt="">
					<p class='pp'>前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端</p>
					<p  class='pp'>前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前前端前端端前端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前</p>
					<p  class='pp'>前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前</p>
				</div>
			</div>
			<div class="content3_r">
				<div class="conten3_r__top">
					<img src="../resource/img/task_1_6_1_03.jpg" alt="">
					<div class="conten3_r__top_wrap">
						<div class="conten3_r__top_txt"><span>前端技术</span>前端技术前端技术</div>
					</div>
				</div>
				<div class="conten3_r__bottom">
					<p class="ppp">前端前端前端前端前端前端端前端前端前端前端...........前端</p>
					<p class="ppp">前端前端前端前端前端前端端前端前端前端前端...........前端</p>
					<p class="ppp">前端前端前端前端前端前端端前端前端前端前端...........前端</p>
					<div class="conten3_r__bottom_txt">
						<div class="conten3_r__bottom_txt_l">
							<div class="txt11">0</div>
							<div class="txt22">
								<p style="font-size:21px;">ONE&nbsp;TWO</p>
								<p style="font-size:21px;">THREE&nbsp;FOER&nbsp;FIVE</p>
								<p style="font-size:12px;">hello&nbsp;world&nbsp;hello&nbsp;world</p>
								<p style="font-size:12px;">hello&nbsp;world</p>
							</div>
						</div>
						<div class="conten3_r__bottom_txt_r">
							<p><strong>“</strong>hello world hello world hello world hello world hello world<strong>”</strong></p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>	
</body>
</html>	